<!--
 * @Descripttion:
 * @Copyright: 武汉一一零七科技有限公司©版权所有
 * @Link: www.wo-shop.net
 * @Contact: QQ:2487937004
 * @LastEditors: cbing
 * @LastEditTime: 2020-08-01 06:54:10
-->
<template>
	<view class="u-m-t-10">
		<u-checkbox v-model="agreement" shape="circle" @change="change" active-color="#FFC300" name="agreement"
			size="26" label-size="24">
			{{$t('我已阅读并同意')}}<text @click.stop="navigateToArticle('用户隐私政策')">{{$t('《用户隐私政策》')}} </text>{{append}}
		</u-checkbox>
	</view>
</template>

<script>
	export default {
		name: "agreement",
		data() {
			return {
				agreement: false
			}
		},
		props: {
			append: {
				type: String,
				default: () => ''
			}
		},
		created() {

		},
		methods: {
			// // 是否同意协议
			change(e) {
				this.$emit("changeAgree", e.value);
			},
			navigateToArticle(url) {
				uni.navigateTo({
					url: '/pagesB/article/detail?title=' + url
				});
			},
		}

	}
</script>
<style lang="scss" scoped>
	/deep/ .u-checkbox {
		align-items: baseline;
	}

	/deep/ .u-checkbox__label {
		color: #999;
		line-height: 1.4;
	}
</style>